<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <meta http-equiv="Access-Control-Allow-Origin" content="*">
  <link rel="shortcut icon" href="img/heard.ico">
  <title>闪电配音 - 专业极速配音服务</title>
  <link rel="stylesheet" type="text/css" href="css/public.css?v=optimize20180613" />
  <link rel="stylesheet" type="text/css" href="css/index.css?v=optimize20180613" />
  <link rel="stylesheet" type="text/css" href="css/popup.css?v=optimize20180613" />
  <link rel="stylesheet" type="text/css" href="css/setting.css?v=optimize20180613" />
</head>
<body id="body">
  <div class='headtip' style="top: -50px;">错误</div>
  <div class='headtip2' style="top: -50px;">错误</div>
  <div id="header_wrap">
    <div id="header" class="clearfix">
      <div class="headerLeft left point">
        <a href="index.html">
          <img src="img/topLogo (1).png"/>
          <img src="img/topLogo (2).png"/>
        </a>
      </div>
      <div class="headerRight right">
        <a href="javascript:;" class="header_item relative clickServer">
          <img src="img/headerRight (1).png" class="haveText"/>
          <span class="search_text">客服</span>
          <div class="boxShow server">
            <h4>扫一扫添加微信客服</h4>
            <img src="img/serverImg.png" alt="" />
            <div class="phoneServer btn">
              <img src="img/server (1).png" alt="" />
              <span>电话客服</span>
            </div>
            <div class="QQServer btn" onclick="javascript:window.open('http://wpa.qq.com/msgrd?v=3&uin=574823458&site=qq&menu=yes','_blank');">
              <img src="img/server (2).png" alt="" />
              <span>QQ客服</span>
            </div>
          </div>
        </a>
        <div class="info_logo header_item">
          <img src="img/headerRight (2).png"/>
        </div>
        <div class="user_img header_item relative">
          <div class="img-container">
            <img src="img/headerRight (3).png"/>
          </div>
          <div class="boxShow mine">
            <ul>
              <li class="font1">
                <span class="font">加载中</span>
              </li>
              <li class="line"></li>
              <li class="font2">
                <span class="font">基础版</span>
                <span class="font font3">升级</span>
              </li>
              <li class="font1 mineEmail">
                <span class="font">150927842@qq.com</span>
              </li>
              <li class="line"></li>
              <li class="hover point font5">
                <span class="font">账号设置</span>
              </li>
              <li class="line"></li>
               <li class="hover point font5">
                <span class="font">意见反馈</span>
              </li>
              <li class="hover point font5">
                <span class="font">分享音频</span>
              </li>
              <li class="hover point font5">
                <span class="font">推荐主播</span>
              </li>
              <li class="hover point font5">
                <span class="font">使用帮助</span>
              </li>
              <li class="line"></li>
              <li class="hover point font5" id="logout">
                <span class="font">退出登录</span>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div id="content_wrap">
    <div class="inner">
      <div id="content">
        <div class="main-nav">
          <a href="index.html" class="link">操作桌面</a>
          <div class="icon"></div>
          <a href="#">账号设置</a>
        </div>
        <div class="setting_wrapper">
          <div class="setting_inner">
            <div class="nav_wrapper">
              <ul class="nav">
                <li class="active">
                  <a href="#" class="active" data-index="0">账号设置</a>
                </li>
                <li>
                  <a href="#" data-index="1">主体添加</a>
                </li>
                <li>
                  <a href="#" data-index="2" onclick="openBill.pullBlance()">我的钱包</a>
                </li>
              </ul>
            </div>
            <div class="setting_content padding-left hide" data-index="0">
              <table class="info_set">
                <tr>
                  <td class="title">
                    <img src="img/icon-person.png" alt="">
                    <span>手机</span>
                  </td>
                  <td class="info">
                    <div class="info_inner username"></div>
                  </td>
                </tr>
                <!-- <tr>
                  <td class="title">
                    <img src="img/icon-person.png" alt="">
                    <span>主体</span>
                  </td>
                  <td class="info">
                    <input type="text">
                  </td>
                </tr> -->
                <tr>
                    <td class="title">
                      <img src="img/icon-lock.png" alt="">
                      <span>密码</span>
                    </td>
                    <td class="info">
                      <div class="info_inner">
                        <a href="#" class="btn" id="change-password">修改密码</a>
                      </div>
                    </td>
                  </tr>
                <tr>
                  <td class="title">
                    <img src="img/icon-email.png" alt="">
                    <span>邮箱</span>
                  </td>
                  <td class="info">
                    <div class="info_inner">
                      <a href="#" class="btn" id="change-email">设置默认收件邮箱</a>
                    </div>
                  </td>
                </tr>
                <tr>
                  <td class="title wx">
                    <img src="img/icon-wx.png" alt="">
                    <span>微信</span>
                  </td>
                  <td class="info">
                    <div class="info_inner wechat">
                      <span class="tip light-gray">已绑定</span>
                      <a href="#" class="btn">解除绑定</a>
                    </div>
                  </td>
                </tr>
                <tr>
                  <td class="title">
                    <span>账户类型</span>
                  </td>
                  <td class="info">
                    <div class="info_inner">
                      <span class="tip">基础版</span>
                      <a href="http://www.soundems.com/price.html" target="_blank" class="btn">升级版本</a>
                    </div>
                  </td>
                </tr>
                <tr>
                  <td class="title">
                    <span>账户余额</span>
                  </td>
                  <td class="info">
                    <div class="info_inner balance">
                      <span class="tip"></span>
                      <a href="./recharge.html" target="_blank" class="btn">充值优惠</a>
                    </div>
                  </td>
                </tr>
              </table>
            </div>
            <div class="setting_content hide" data-index="1">
              <div class="setting_table_wrapper">
                <div class="table-header">
                    <div>主体名称</div>
                    <div>剩余字数</div>
                    <div>音频收取邮箱</div>
                    <div>操作</div>
                </div>
                <div class="table-body">
                  <!--<div class="table-header">-->
                    <!--<div>主体名称</div>-->
                    <!--<div>行业</div>-->
                    <!--<div>音频收取邮箱</div>-->
                    <!--<div>操作</div>-->
                  <!--</div>-->
                  <table class="obj_set" border="0" cellpadding="0" cellspacing="0" style="width:100%">
                  </table>
                  <div class="object-add-btn">
                    <a href="#" class="btn">
                      <img src="img/icon-plus.png" alt="">
                    </a>
                  </div>
                </div>
              </div>
              <!-- <div class="content_tip">
                如果你有多个账号、多个栏目可以添加多个主体分别发稿 <a href="#">如何快速切换？</a>
              </div> -->
            </div>
            <!--我的钱包-->
            <div class="setting_content hide" data-index="2" style="height: 250px;">
              <div class="table-header1" style="height: 35px;z-index: 9999">
                <div style="text-align: center">交易时间</div>
                <div style="text-align: center">交易行为</div>
                <div style="padding: 0;text-align: center">类型</div>
                <div style="text-align: center">订单号</div>
                <div style="text-align: center">金额（元）</div>
              </div>
              <div class="table-body1" style="width: 475px;overflow-y: auto;height: 210px;">
                <table class="obj_set1" border="0" cellpadding="0" cellspacing="0">
                   <!--<tr>-->
                    <!--<th>主体名称</th>-->
                    <!--<th>行业</th>-->
                    <!--<th>音频收取邮箱</th>-->
                    <!--<th>操作</th>-->
                  <!--</tr>-->
                </table>
              </div>
              <div id="tableBody1">
                <div id="yue" style="margin-right: 25px">账户金额：  <span></span>  元</div>
                <div style="margin-right: 25px">|</div>
                <div id="jine" style="margin-right: 15px">可开票金额： <span></span>  元</div>
                <div style="float: right">
                  <a href="javascript:;" style="color: cornflowerblue;margin-right: 40px" id="openBill">开具发票</a>
                </div>
                <!--发票弹版-->
                <div id="bill" class="none">
                  <div class="billHead clearfix">
                    <div class="fl">开增值税普票</div>
                    <div class="fl">开增值税专票</div>
                    <img class="right cursor" src="img/public/close_03.png" alt="">
                  </div>
                  <div class="line" style="margin-top: -1px"></div>
                  <ul class="billContentOne billContent">
                    <li>发票金额 <span style="margin-left: 80px" class="invoice"></span></li>
                    <li>发票抬头 <input class="right" type="text" value=""></li>
                    <li>纳税人识别号 <input class="right" type="text"></li>
                    <li>邮寄地址 <input class="right" type="text"></li>
                    <li>收件人 <input class="right" type="text"></li>
                    <li>联系电话 <input class="right" type="text"></li>
                    <li></li>
                  </ul>
                  <ul class="billContentTwo billContent none">
                    <li>发票金额 <span style="margin-left: 80px" class="invoice"></span></li>
                    <li>纳税人名称 <input class="right" type="text"></li>
                    <li>纳税人识别号 <input class="right" type="text"></li>
                    <li>注册地址 <input class="right" type="text"></li>
                    <li>注册电话 <input class="right" type="text"></li>
                    <li>开户银行 <input class="right" type="text"></li>
                    <li>银行账户 <input class="right" type="text"></li>
                    <li>发票邮寄地址 <input class="right" type="text"></li>
                    <li>发件人 <input class="right" type="text"></li>
                    <li>联系电话 <input class="right" type="text"></li>
                    <li></li>
                  </ul>
                  <div id="btn" class="clearfix">
                    <div id="off" class="btns right">稍后再开</div>
                    <div id="ok" class="btns right">确认</div>
                  </div>
                </div>
              </div>
            </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="popup popup-change-object hide" id="popup-change-object">
   <div class="inner">
     <div class="header">
       <span class="title">新增主体</span>
       <a href="#" class="close">
         <img src="img/public/close_03.png" alt="">
       </a>
       <div id="img-uploader" style="display: none;"></div>
     </div>
     <div class="body">
       <div class="avatar">
         <!-- <input id="img-uploader" type="file"> -->
         <div class="avatar-mask">
           <!-- <img src="img/icon-text.png" alt=""> -->
          <span>LOGO</span>
         </div>
        </div>
       <div class="line">
          <input type="text" placeholder="主体名称 如：好奇心日报" id="edit_media_name">
       </div>
       <div class="line">
          <!-- <input type="text" placeholder="选择需求 / 所属行业"> -->
          <div class="input placeholder input-simulator">
            <span>选择需求 / 所属行业</span>
            <b class="littleSiggle"></b>
          </div>
          <div class="dropDown hide">
            <ul>
              <li data-value="1">自媒体配音 / 公众号</li>
              <li data-value="2">短视频配音 / 视频业</li>
              <li data-value="3">有声书配音 / 出版业</li>
              <li data-value="4">内容付费配音 / 文化</li>
              <li data-value="5">教材培训配音 / 课件</li>
              <li data-value="6">外语配音 / 英文</li>
              <li data-value="7">模仿配音 / 名人</li>
            </ul>
          </div>
        </div>
        <div class="line">
          <input type="text" placeholder="用于接受音频的邮箱地址" id="edit_media_email">
        </div>
        <div class="line">
          <input type="text" placeholder="一句话简单介绍该主体" id="edit_media_text">
        </div>
        <div class="popup-footer">
          <a href="#" class="btn btn-black">提交</a>
          <a href="#" class="btn btn-normal close">取消</a>
        </div>
     </div>
   </div>
  </div>
  <div class="popup small hide popup-change-email">
    <div class="inner">
      <div class="header">
        <span class="title">修改默认邮箱</span>
        <a href="#" class="close">
          <img src="img/public/close_03.png" alt="">
        </a>
      </div>
      <div class="body">
        <div class="line email">
            <input class="gray" type="text" placeholder="邮箱" >
          </div>
          <div class="popup-tip">音频将默认发送至该邮箱；也可以在『我的订单』里直接下载。</div>
          <div class="popup-footer">
            <a href="#" class="btn btn-black btn-confirm">提交</a>
            <a href="#" class="btn btn-normal close">取消</a>
          </div>
      </div>
    </div>
  </div>
  <div class="popup small hide popup-change-password">
      <div class="inner">
        <div class="header">
          <span class="title">修改密码</span>
          <a href="#" class="close">
            <img src="img/public/close_03.png" alt="">
          </a>
        </div>
        <div class="body">
          <div class="line">
              <input class="oldpassword" type="password" placeholder="原有密码">
          </div>
          <div class="line">
              <input class="newpassword" type="password" placeholder="新的密码">
          </div>
          <div class="line">
              <input class="newpassword2" type="password" placeholder="确认密码">
          </div>
          <div class="popup-error"></div>
          <div class="popup-footer">
            <a href="#" class="btn btn-black btn-confirm">提交</a>
            <a href="#" class="btn btn-normal close">取消</a>
          </div>
        </div>
      </div>
    </div>
  <!-- 切换主体弹窗 -->
  <div class="popup popup-change-press large hide" id="popup-change-press">
    <div class="inner">
      <div class="header">
        <span class="title">选择发稿主体</span>
        <a href="#" class="close">
          <img src="img/public/close_03.png" alt="">
        </a>
      </div>
      <div class="body">
        <ul class="press-list">
          <li class="press-wrapper" data-id="dsfdafs">
            <div class="press-head">
              <img src="img/img(12).png" alt="">
            </div>
            <div class="press-body">
              <div class="press-title">创业家</div>
              <div class="press-info">创业家创业家创业家创业家创业家创业家</div>
            </div>
          </li>
          <li class="press-wrapper" data-id="dafadf">
              <div class="press-head">
                <img src="img/img(12).png" alt="">
              </div>
              <div class="press-body">
                <div class="press-title">创业家</div>
                <div class="press-info">创业家创业家创业家创业家创业家创业家</div>
              </div>
            </li>
            <li class="press-wrapper" data-id="dafdfsf">
              <div class="press-head">
                <img src="img/img(12).png" alt="">
              </div>
              <div class="press-body">
                <div class="press-title">创业家</div>
                <div class="press-info">创业家创业家创业家创业家创业家创业家</div>
              </div>
            </li>
        </ul>
      </div>
      <div class="content">
        <a href="setting.html?type=1">点击这里</a>添加 / 编辑主体; 也可以为主体<a href="index.html?type=2">设置偏好</a>方便更快发单
      </div>
      <div class="popup-footer type2">
        <span class="tip"></span>
        <a href="#" class="btn btn-confirm">确认</a>
      </div>
    </div>
  </div>
  <!-- 分享音频等弹窗 -->
  <div class="popup2 popup-programs hide">
    <div class="cover close"></div>
    <div class="inner">
      <div class="header">
        <div class="nav">
          <div class="active qr" data-type='1'>分享音频</div>
          <div class="listen" data-type='2'>付费收听</div>
          <div class="wx" data-type='3'>小程序</div>
        </div>
        <div class="close">
          <img src="./img/public/close_03.png" alt="">
        </div>
      </div>
      <div class="body">
        <div class="program hide listen" data-type="2">
          <img src="./img/lock.png" alt="">
          <div class="title">即将上线，尽情期待</div>
          <div class="tip">允许你创建专栏对音频进行付费收听 所有费用的90%归你</div>
        </div>
        <div class="program wx hide" data-type="3">
          <img src="./img/wx-program.png" alt="">
          <div class="title">即将上线，尽情期待</div>
          <div class="tip">允许你创建基于微信的FM音频小程序，推荐公众号使用。</div>
        </div>
        <div class="program qr" data-type="1">
            <img src="./img/wx-program.png" alt="">
            <div class="title">用微信"扫一扫"二维码</div>
            <div class="tip">分享您的音频给微信好友或朋友圈供他们收听</div>
        </div>
      </div>
    </div>
  </div>
  <div id="shade" class="none"></div>
  <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js?v=optimize20180613" /></script>
  <script src="js/plupload.full.min.js?v=optimize20180613" /></script>
  <script src="js/qiniu.js?v=optimize20180613" /></script>
  <!-- <script src="https://cdn.staticfile.org/qiniu-js-sdk/1.0.14-beta/qiniu.min.js?v=optimize20180613" /></script> -->
  <script src="js/public.js?v=optimize20180613" /></script>
  <script src="js/setting.js?v=optimize20180613" /></script>
</body>
</html>